<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="">
	<meta name="format-detection" content="telephone=no">
	<title>家点幸福</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/new.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
	<div class="view-container view-order">
		<div class="view-inner">
			<!-- 订单信息 -->
			<section class="order-head-bar">
				<i class="if if-order"></i>
				<p>您于 2018-06-13 16:43:01 下的订单<br>请在 <span class="over-orderdue-min">00</span>分<span class="over-orderdue-second">01</span>秒 内付款，超时订单将自动取消。</p>
			</section>
			<!-- 配送 -->
			<section class="order-express">
				<!--<div class="switch-logis">-->
					<!--<button type="button" class="btn-sm change-express-btn btn-success-o" data-type="0">快递配送</button>   -->
				<!--</div>-->
				<div class="selected-logis">
					<!-- 没有默认地址显示    -->
					<a class="add-address confirm-add-address-btn">新增收货地址</a> 
					<!-- 有默认地址时显示 -->
					<a href="##" class="address confirm-change-address-btn"> 
						<div class="address-info clearfix"> 
							<span class="address-name">收货人: 刘国超</span> 
							<span class="address-phone">13526596529</span> 
						</div> 
						<div class="address-detail"> 河南省焦作市博爱县幸福街 </div> 
					</a> 
				</div>
			</section>
			<!-- 商品 -->
			<section class="order-goods">
				<ul class="cart-list confirm-cart">    
					<li> 
						<div class="item-info"> 
							<a href="https://shop13327536.wxrrd.com/goods/114348271" class="item-image">
								<img src="https://ms.wrcdn.com/2018/06/10/Fn-saHfS1YxitPeegwZOUx_WSlSs.jpg?imageMogr2/thumbnail/120x120">
							</a> 
							<a href="https://shop13327536.wxrrd.com/goods/114348271" class="item-title">熊本家纯牛奶</a> <span class="item-price">￥66.00</span> 
							<span class="quantity">× 3</span>  
							<div class="item-sku-quantity"> 
								<span class="props"></span>  
							</div> 
						</div> 
					</li>   
					<li> 
						<div class="item-info"> 
							<a href="https://shop13327536.wxrrd.com/goods/113967156" class="item-image">
								<img src="https://ms.wrcdn.com/2018/05/26/FsPK6mdKWZmjGGRb-xZA87uQPgt3.jpg?imageMogr2/thumbnail/120x120">
							</a> 
							<a href="https://shop13327536.wxrrd.com/goods/113967156" class="item-title">冻干红枣枸杞银耳羹</a> 
							<span class="item-price">￥59.00</span> 
							<span class="quantity">× 1</span>  
							<div class="item-sku-quantity"> 
								<span class="props"></span>  
							</div> 
						</div> 
					</li>
				</ul>
				<div class="order-delivery">运费 <span class="pull-right shipemnt-fee-num">￥0.00</span> </div> 
				<div class="order-message">
					<textarea name="memo" placeholder="给卖家留言..."></textarea>
				</div> 
				<div class="goods-subtotal"> 
					<span>共<em>4</em>件商品</span> 合计:<strong class="amount-sum-num">￥257.00</strong> 
				</div>
			</section>
			<!-- 优惠&折扣 -->
			<section class="order-ump">  
				<div class="ump-item clearfix has-select coupon-open-btn "> 
					<div class="title">优惠券</div> 
					<div class="interpret coupon-discount-num"></div> 
				</div>  
				<!--分享抵用券-->  
				<div class="ump-item clearfix has-select red-open-btn "> 
					<div class="title">分享抵用券</div> 
					<div class="interpret red-discount-num"></div> 
				</div>
			</section>
			<!-- 应付 -->
			<section class="order-total-num"> 
				<span>实付</span>  
				<div class="order-price amount-num">￥257.00</div> 
			</section>
			<!-- 支付 -->
			<section class="pay-btn pay order-ump" style="margin-bottom: 0;">
				<div class="ump-item clearfix js-switch-balance"> 
					<div class="title">余额￥0.00</div> 
					<div class="interpret">
						<input class="switch" type="radio" name="checkbox-switch" switch-type="useBalance">
					</div> 
				</div>  
				<div class="ump-item clearfix js-switch-balance"> 
					<div class="title">支付宝</div> 
					<div class="interpret">
						<input class="switch" type="radio" name="checkbox-switch" switch-type="useBalance">
					</div> 
				</div>  
				<div class="ump-item clearfix js-switch-balance"> 
					<div class="title">微信</div> 
					<div class="interpret">
						<input class="switch" type="radio" name="checkbox-switch" switch-type="useBalance">
					</div> 
				</div>  
				<div>
					<section class="order-pay">  
						<button type="button" class="btn btn-block payment-btn btn-success payment-llpay">确定支付</button> 
					</section>
				</div>
			</section>
		</div>
	</div>
	<div class="popup popup-list-coupon remove-on-close modal-in"> 
		<div class="close-popup if if-close"></div>
		<h4 class="popup-title" style="line-height: 3.2rem;font-size: 1.3rem;padding: 0 5rem 0 .85rem;font-weight: inherit;">选择优惠券</h4>  
		<section class="address-list js-coupon-list my-coupon" style="max-height: 20em; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;">
			<ul class="js-coupon-item">
				<li class="empty-info"> 
					<p class="icon"><i class="if if-coupon"></i></p> 
					<p>还没可用的优惠券，试试优惠码吧！</p>
				</li>
				<!-- 优惠券列表 -->
				<li class="coupon-list"></li>
			</ul>
		</section> 
		<ul class="list-block"> 
			<li class="input"> 
				<i class="if if-other"></i> 
				<input type="text" name="consignee" class="form-item coupon-valid-input" placeholder="请输入优惠码" style="padding-right: 4.2rem;"> <button class="button btn-right coupon-valid-btn" style="color: #ff3608;border-color: #ff3608;">验证</button> 
			</li> 
		</ul>
	</div>
	<div class="popup-overlay"></div>
	<script type="text/javascript">
		$(function(){
			$('.coupon-open-btn').click(function(){
				$('.modal-in').show();
				$('.popup-overlay').show();
			})
		})
	</script>
</body>
</html>